@import "../common";
@import "../test";
div.vertical-slider-1{
  position: relative;
  overflow: hidden;
  ul{
    position: absolute;

    li.vertical-slider-item{
       height: 94px - (2 * 3px) - (2 * 5px);
       padding: 5px;
       margin: 6px 0;
       background: transparent url('../images/component/vertical-slider-lite-footer-line-bg.jpg') no-repeat left bottom;
       &:last-child{
         background: none;
       }
       img{
         width: 13%;
         max-height: 94px - (2 * 3px) - (2 * 5px);
         overflow: hidden;
         float: left;
         margin-right: 10px;
         padding: 2px;
         border: solid 1px #d8d8d8;
         -webkiFt-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         box-shadow: 0px 1px 5px rgba(200, 200, 200, 0.75);
         -webkit-box-shadow: 0px 1px 5px rgba(200, 200, 200, 0.75);
         -moz-box-shadow: 0px 1px 5px rgba(200, 200, 200, 0.75);
       }
       div.content{
          width: 84%;
          float: left;
          h3{
            margin-bottom: 5px;
            a{
              font-size: 14px;
              font-weight: bold;
              color: @base-blue-color;
              text-decoration: none;
              &:hover{
                text-decoration: underline;
              }
            }
          }
          p{
            font-size: 12px;
          }
       }
    }
  }
}